// @flow
import * as React from 'react';
import '../static/css/trade-list.css';
import { inject, observer } from 'mobx-react';
import { Input,Icon } from 'antd';

@inject('coins')
@observer
export default class TradeList extends React.Component<Props> {

  constructor(props) {
    super(props)
    let coins = this.props.coins.currentCoins
    this.state = {
      coins: coins,
    }
  }

  render() {

    return (
      <div className="trades-record-list">
        <div className="record" onClick={this.props.clickRecord}>
          <div className="left">
            <div>
              <div>月份</div>
              <div>日</div>
            </div>
            <div>
              <div>
                <span>[ 未完成 / 100254 ]</span>&nbsp;&nbsp;&nbsp;
                [ Hash ]：
                <span>
                  0x9c4220d33cbb0e97abda195e0273d742560924d56e54w6e5r23sdf4w
                </span>
              </div>
              <div>From :&nbsp;
                <span className="account-address">
                  0x9c4220d33cbb0e97abda195e0273d742560924d5
                </span>
              </div>
              <div>To :&nbsp;
                <span className="account-address">
                  0x6ccb6302ebf5739e5d2ac20b34f08625cf6e1f0c
                </span>
              </div>
            </div>
          </div>
          <div className="right">
            <span>-</span>&nbsp;
            <span>25.3</span>&nbsp;&nbsp;
            <span>{this.state.coins}</span>&nbsp;&nbsp;&nbsp;
            <span>
              <Icon type="right-circle-o" />
            </span>
          </div>
        </div>
        <div className="get-more">查看更多</div>
      </div>
    );
  }
}